$(function(){
  var domEl = null;
  // 获取文章分类
  initArtCateList();
  function initArtCateList() {
    $.ajax({
      type: "GET",
      url: "/my/article/cates",
      success: function (res) {
        console.log(res);
        var htmlStr = template('tpl-table', res);
        $('tbody').html(htmlStr);
      }
    })
  }

  // 点击添加分类
  $('#btnAddCate').on('click', function () {
    domEl = layer.open({
      type: 1,
      title: '添加分类',
      area: ['500px', '270px'],
      content: $("#dialog-add").html()
    });
  });

  // 添加分类
  $('body').on('submit', '#form-add', function (e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "/my/article/addcates",
      data: $(this).serialize(),
      success: function (res) {  //请求成功回调
        // console.log(res);
        if (res.status !== 0) {
          return layui.layer.msg('新增分类失败！');
        }
        layui.layer.close(domEl)
        // 重新渲染
        initArtCateList();
        layui.layer.msg('新增分类成功！');
      }
    })
  });

  // 编辑
  $('tbody').on('click', '#btn-edit', function () {
    domEl = layui.layer.open({
      type: 1,
      title: '修改文章分类',
      area: ['500px', '270px'],
      content: $("#dialog-edit").html()
    });

    var id = $(this).data('id');
    console.log(id);

    // 获取编辑数据
    $.ajax({
      type: "GET",
      url: "/my/article/cates/" + id,
      success: function (res) {
        console.log(res);
        // 提示 重新渲染
        $('#form-edit [name=Id]').val(res.data.Id)
        $('#form-edit [name=name]').val(res.data.name)
        $('#form-edit [name=alias]').val(res.data.alias)
      }
    })
  })

  $('body').on('submit', '#form-edit', function (e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "/my/article/updatecate",
      data: $(this).serialize(),
      success: function (res) {  //请求成功回调
        console.log(res);
        if (res.status !== 0) {
          return layui.layer.msg('更新数据失败！');
        }
        layui.layer.msg('更新数据成功！');
        layui.layer.close(domEl);
        initArtCateList();
      }
    })
  });

  // 删除事件
  $('tbody').on('click', '#btn-del', function () {
    var id = $(this).data('id');
    layui.layer.confirm('确认删除？', { icon: 3, title: '提示' }, function(index) {
      $.ajax({
        type: "GET",
        url: "/my/article/deletecate/" + id,
        success: function (res) {  //请求成功回调
          if (res.status !== 0) {
            return layui.layer.msg(res.message);
          }
          layui.layer.msg(res.message);
          layui.layer.close(index);
          initArtCateList();
        }
      })
    })
  })
})